<template>
  <view class="privacy-policy">
    <scroll-view class="content" scroll-y>
      <!-- 标题和更新日期 -->
      <view class="header">
<!--        <text class="title">个人信息保护政策</text> -->
        <text class="update-date">更新日期：2025年8月1日</text>
      </view>
      
      <!-- 简介 -->
      <view class="section">
        <text class="section-text">
          对您的重要性，并尽最大努力保护您的隐私。如果您对本政策有任何的疑问或建议，请您通过本政策第九条载明的联系方式与我们联系。
        </text>
        <text class="section-text">
          本政策将帮助您了解以下内容：
        </text>
        <view class="catalog">
          <text class="catalog-item">一、各项业务功能的个人信息收集使用规则</text>
          <text class="catalog-item">二、我们如何使用Cookies</text>
          <text class="catalog-item">三、我们如何共享、转让、公开披露您的个人信息</text>
          <text class="catalog-item">四、我们如何保护和保存您的个人信息</text>
          <text class="catalog-item">五、您的权利</text>
          <text class="catalog-item">六、我们如何处理儿童的个人信息</text>
          <text class="catalog-item">七、您的信息如何在全球范围内转移</text>
          <text class="catalog-item">八、本政策的更新</text>
          <text class="catalog-item">九、如何联系我们</text>
        </view>
      </view>
      
      <!-- 第一部分 -->
      <view class="section">
        <text class="section-title">一、各项业务功能的个人信息收集使用规则</text>
        <text class="section-text">
          个人信息是指以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息。
        </text>
        <text class="section-text">
          个人敏感信息是指一旦泄露或者非法使用，容易导致自然人的人格尊严受到侵害或者人身、财产安全受到危害的个人信息，包括生物识别、宗教信仰、特定身份、医疗健康、金融账户、行踪轨迹等信息，以及不满十四周岁未成年人的个人信息。我们将在本政策中对具体个人敏感信息以加粗的方式进行显著标识，请您对此予以重点关注。
        </text>
        
        <text class="subsection-title">(一) 基本业务功能的个人信息收集和使用规则</text>
        <text class="subsection-subtitle">1. 注册/登录</text>
        <text class="item-title">（1）注册账号</text>
        <text class="item-text">
          当您注册成为我们的用户时，如您选择使用手机号注册，我们会收集您的手机号；如您选择使用邮箱注册，我们会收集您的邮箱和登录密码。
        </text>
        <!-- 更多内容... -->
      </view>
      
      <!-- 第二部分 -->
      <view class="section">
        <text class="section-title">二、我们如何使用Cookies</text>
        <text class="subsection-title">(一) 我们收集哪些Cookies及其用途</text>
        <text class="item-text">
          Cookies和类似技术（例如像素和广告标签）（统称为"Cookies"）是一种小数据文件，当它们放置在您的设备上时能够帮助我们搜集数据，包括您的个人信息，以便我们能够实现某些功能和提供特定服务。
        </text>
        <!-- 更多内容... -->
      </view>
      
      <!-- 更多部分... -->
      
      <!-- 附录 -->
      <view class="section">
        <text class="section-title">附录：漫游超人第三方SDK目录</text>
        <text class="subsection-title">Android</text>
        <view class="table">
          <view class="table-row header">
            <text class="table-cell">序号</text>
            <text class="table-cell">SDK</text>
            <text class="table-cell">使用目的和支持的业务功能</text>
            <text class="table-cell">收集或共享的信息</text>
            <text class="table-cell">第三方机构名称</text>
          </view>
          <view class="table-row">
            <text class="table-cell">1</text>
            <text class="table-cell">gms:play-services-auth</text>
            <text class="table-cell">谷歌登录/推送</text>
            <text class="table-cell">用户id</text>
            <text class="table-cell">谷歌公司</text>
          </view>
          <!-- 更多行... -->
        </view>
        
        <text class="subsection-title">iOS</text>
        <view class="table">
          <view class="table-row header">
            <text class="table-cell">序号</text>
            <text class="table-cell">SDK</text>
            <text class="table-cell">使用目的和支持的业务功能</text>
            <text class="table-cell">收集或共享的信息</text>
            <text class="table-cell">第三方机构名称</text>
          </view>
          <view class="table-row">
            <text class="table-cell">1</text>
            <text class="table-cell">AlipayLib</text>
            <text class="table-cell">支付宝支付</text>
            <text class="table-cell">交易订单</text>
            <text class="table-cell">支付宝（中国）网络技术有限公司</text>
          </view>
          <!-- 更多行... -->
        </view>
      </view>
      
      <!-- 底部联系方式和生效日期 -->
      <view class="footer">
        <text class="section-title">九、如何联系我们</text>
        <text class="item-text">
          如果您对本政策或个人信息保护有任何问题，请通过以下方式与我们联系：
        </text>
        <text class="contact-item">客服电话：（400）822-1581</text>
        <text class="item-text">
          一般情况下，我们将在15个工作日内回复。欢迎并感谢您对我们的监督和建议。
        </text>
        <text class="effective-date">生效日期：2025年8月1日</text>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  methods: {
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style scoped>
.privacy-policy {
  flex: 1;
  background-color: #ffffff;
}

.content {
  padding: 20rpx 30rpx;
  height: calc(100vh - 44px);
}

.header {
  margin-bottom: 30rpx;
  text-align: center;
}

.title {
  font-size: 36rpx;
  font-weight: bold;
  display: block;
  margin-bottom: 10rpx;
}

.update-date, .effective-date {
  font-size: 24rpx;
  color: #666;
}

.effective-date {
  display: block;
  text-align: right;
  margin-top: 30rpx;
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: 32rpx;
  font-weight: bold;
  display: block;
  margin-bottom: 20rpx;
  color: #333;
}

.subsection-title {
  font-size: 28rpx;
  font-weight: bold;
  display: block;
  margin: 25rpx 0 15rpx;
  color: #333;
}

.subsection-subtitle {
  font-size: 26rpx;
  font-weight: bold;
  display: block;
  margin: 20rpx 0 10rpx;
  color: #333;
}

.item-title {
  font-size: 26rpx;
  font-weight: bold;
  display: block;
  margin: 15rpx 0 10rpx;
  color: #333;
}

.section-text, .item-text {
  font-size: 26rpx;
  line-height: 1.8;
  color: #333;
  display: block;
  margin-bottom: 15rpx;
}

.catalog {
  margin: 20rpx 0;
}

.catalog-item {
  display: block;
  font-size: 26rpx;
  line-height: 1.8;
  color: #333;
  margin-left: 20rpx;
}

.contact-item {
  display: block;
  font-size: 26rpx;
  line-height: 1.8;
  color: #2b85e4;
  margin: 10rpx 0;
}

.table {
  margin: 20rpx 0;
  border: 1rpx solid #e6e6e6;
  border-radius: 8rpx;
  overflow: hidden;
}

.table-row {
  display: flex;
  border-bottom: 1rpx solid #e6e6e6;
}

.table-row:last-child {
  border-bottom: none;
}

.table-row.header {
  background-color: #f5f5f5;
  font-weight: bold;
}

.table-cell {
  flex: 1;
  padding: 15rpx;
  font-size: 24rpx;
  line-height: 1.5;
  border-right: 1rpx solid #e6e6e6;
}

.table-cell:last-child {
  border-right: none;
}
</style>